<template>
	<view>
		<view class="post-comment">
			<view class="input-box">
				<textarea class="content" focus="true" @input="bindInpuntValue" maxlength="140" placeholder="留言经过筛选后，对所有人可见" />
				<text class="count">{{140 - content.length}}</text>
      </view>
      <view class="btns">
          <view class="close" @click="onClose">取消</view>
          <view class="post" @click="onPost">发表</view>
      </view>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
    return {
      typeId: 0,
      valueId: 0,
      content: ''
    }
  },
   methods: {
    // 监听输入事件
    bindInpuntValue (event) {
		},
		// 提交评论
		onPost(){
			
		},
		    // 返回上一页
    onClose () {
      this.$router.go(-1);
    }
	},
	}
	
</script>

<style>
.post-comment {
  width: 750upx;
  height: auto;
  overflow: hidden;
  padding: 30upx;
}
.post-comment .input-box {
  height: 337.5upx;
  width: 690upx;
  position: relative;
  /* background: #fff; */
}
.post-comment .input-box .content {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: #fff;
  font-size: 29upx;
  color: #333;
  height: 300upx;
  width: 650upx;
  padding: 20upx;
  margin-left: 30upx;
}
.post-comment .input-box .count {
  position: absolute;
  bottom: 20upx;
  right: 20upx;
  display: block;
  height: 30upx;
  width: 50upx;
  font-size: 29upx;
  color: #999;
}
.post-comment .btns {
  height: 108upx;
}
.post-comment .close {
  float: left;
  height: 108upx;
  line-height: 108upx;
  text-align: left;
  color: #666;
  padding: 0 30upx;
}
.post-comment .post {
  float: right;
  height: 108upx;
  line-height: 108upx;
  text-align: right;
  padding: 0 30upx;
}
</style>
